<?php $this->load->view('header',array('title'=>$title));?>
<div class="fullScreen" id="looksDetails" style="height: 100%; visibility: visible; opacity: 1;">
	<div class="video" id="movie" style="z-index: 2;"></div>
	<div class="lookPanel" id="lookPanel">
		<div class="lookInfo" style="visibility: visible; opacity: 1;">
			<div class="lookInfoHead"><h4 id="ptitle">04</h4></div>			
			<p class="lookItem" id="pdesc">
				<a href="http://www.zara.com/webapp/wcs/stores/servlet/product/cn/zh/zara-S2012//826787" class="gaTag gaProductLink gaProductCategoryLink" >
					<span class="name"></span> <span class="price"></span>
				</a>
			</p>	
			
		</div>
		<div class="lookPanelFoot">
			<a class="undefined gaTag gaEvent"  href="#">返回列表</a>
			<div class="lookNav" style="visibility: visible; opacity: 1;">
				<a class="prev gaTag gaEvent"  href="#" style="visibility: visible; opacity: 1;"></a>
				<a class="next gaTag gaEvent"  href="#" style="visibility: visible; opacity: 1;"></a>
			</div>
		</div>
		
		<div class="lookPanel1" >
		  <p><span id="shop_price" style="font-size:14px;color:red;"></span> <s id="market_price"></s></p>
			<table>
				<tr><td width="50" style="vertical-align:top">图案：</td>
				<td id="goods_list">
				    <?php foreach($all as $i => $item):
				    		if($item['type'] != 'goods')
				    			continue;
				    ?>
					<div imageid="<?php echo $i;?>" goodsid="<?php echo $item['id']?>"><img src="<?php echo $item['goods_thumb']?>" width="40" height="40"><i>已选中</i></div>
					<?php endforeach;?>
					
				</td></tr>
				<tr><td>数量：</td><td><a class="decrease" href="javascript:void(0)" style="font-weight:bold;font-size:30px" >-</a>&nbsp;<input type="text"  id="gnums" style="font-size:20px;width:30px;text-align:center" value="1" />&nbsp;<a href="javascript:void(0)" class="increase" style="font-weight:bold;font-size:25px">+</a></td></tr>
			</table>
			<div class="lookInfoHead">
			
			</div>
		</div>
		<div class="lookPanel2" >
			<div class="lookInfoHead">
				<h3 class="addToCart" >加入购物车</h3>
			</div>
		</div>
	</div>


	<div class="lookButtons" style="visibility: visible; opacity: 1;">
		<div class="lookButtonsBar">
			<ul class="listH"><li class="shareButton">
				<div class="lookButtonsBarShare share" style="visibility: hidden; opacity: 0;">
				<ul class="listH">
					<li class="pinterest">    
						<a key="Pinterest" class="gaTag gaVirtualPage gaOutBound gaModal"  href="http://pinterest.com/pin/create/button/?url=http%3A%2F%2Fwww.zara.com%2Fshare%2Fcategory%2Fzara-S2012%2F238501%2F%3FlookDetail%3D3%26utm_content%3Dlook_L9479245-V2012%26utm_campaign%3DlookbookShare%26utm_medium%3Dpinterest&amp;media=http%3A%2F%2Fstatic.zara.net%2Fphotos%2F%2F2012%2FV%2F1%2Fl%2F9479245%2F9479245_1_1_4.jpg%3Ftimestamp%3D20120530000000&amp;description=Lookbook%20-%20%E5%85%AD%E6%9C%88%20-%20%20%23Zara" target="_blank">      
						<span class="offleft">Pinterest</span>    </a>  
					</li>
					<li class="facebook"><a class="gaTag gaVirtualPage gaOutBound gaModal" href="http://www.facebook.com/sharer.php?u=http%3A%2F%2Fwww.zara.com%2Fshare%2Fcategory%2Fzara-S2012%2F238501%2F%3FlookDetail%3D3%26version%3Dv1%26image%3D%25252F2012%25252FV%25252F1%25252Fl%25252F9479245%25252F9479245_1_1_4.jpg%25253Ftimestamp%25253D20120530000000%26title%3D%26description%3DLookbook%252520-%252520%2525E5%252585%2525AD%2525E6%25259C%252588%252520-%252520%252520%252523Zara%26utm_content%3Dlook_L9479245-V2012%26utm_campaign%3DlookbookShare%26utm_medium%3Dfacebook" target="_blank">
						<span class="offleft">Facebook</span>    </a> 
					</li> 
					<li class="twitter"><a class="gaTag gaVirtualPage gaOutBound gaModal" href="http://twitter.com/share?url=http%3A%2F%2Fwww.zara.com%2Fshare%2Fcategory%2Fzara-S2012%2F238501%2F%3FlookDetail%3D3%26utm_content%3Dlook_L9479245-V2012%26utm_campaign%3DlookbookShare%26utm_medium%3Dtwitter&amp;text=Lookbook%20-%20%E5%85%AD%E6%9C%88%20-%20%20%23Zara" target="_blank">      
						<span class="offleft">Twitter</span>    </a>  
					</li>
				</ul>
				</div>
				<a class="share" href=""><span class="offleft">Share</span></a>
			</li></ul>
		</div>
	</div>
	<div class="loader" style="display:none"></div>
	<img src="#" id="pimage" class="gaModal gaVirtualPage gaVirtualPageNoPath fullImage" style="visibility: hidden; opacity: 0; z-index: 1; height: 674.5px; width: 1349px; left: 0px; top: 0px;">
	
</div>
<script>
$.imagePage.init(<?php echo json_encode($all)?>);
</script>
<?php $this->load->view('widgets/nav');?>
<div class="line">
	<div class="unit">
		
	</div>
</div>
<div class="plus" style="position: absolute; background: url('<?php echo base_url('style/images/ico_zoom.png')?>') no-repeat scroll 45px 85px transparent; width: 200px; height: 140px; cursor: pointer; top: 0px; left: 0pt; display: block; visibility: visible; z-index: 1001; opacity: 1;"></div>	
<?php $this->load->view('footer');?>